html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,
address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,
var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html,body {
    font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
    color: #333;
    position: relative;

}
::-webkit-scrollbar{width: 0;}
h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
}
img{
    display: block;
}

/*用户点击一个链接，会出现一个半透明灰色遮罩, 如果想要禁用  但是有的安卓机型还是避免不了，比如小米2  那么就不用这几个标签，可以用div*/
a,button,input,textarea{-webkit-tap-highlight-color: rgba(0,0,0,0)}
input,textarea{
    margin: 0;
    padding: 0;
    outline: 0;
    -webkit-appearance: none;
    border-radius: 0;
    font-family: "Microsoft YaHei";
}

a,a:link,a:visited,a:hover,a:active {
    text-decoration: none;
    color: #333;
    -webkit-tap-highlight-color: transparent;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

ol,ul {
    list-style: none;
}

hr {
    margin: 0;
    padding: 0;
    border: 0;
    color: #000;
    background-color: #000;
    height: 1px
}
i,em{
    font-style: normal;
}
.Absolute-Center {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.clear {
    clear: both;
    height: 0px;
    font-size: 0px;
    line-height: 0px;
    overflow: hidden;
}

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    zoom: 1;
}

/* IE 6/7 */
.fl {
    float: left;
}
.fr {
    float: right;
}

/*单行文本省略号*/
.word {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.words2 {
    display: -webkit-box;
    display: box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
/*多行文本省略号*/
.words3 {
    display: -webkit-box;
    display: box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
/*垂直居中,容器设置宽高*/
.ycenter {
    align-items: center;
    display: -webkit-flex;
}
/*水平居中,容器设置宽高*/
.xcenter {
    justify-content: center;
    display: -webkit-flex;
}

/*弹性布局水平垂直居中 兼容性高*/
.xycenterbox{
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}
/*弹性布局水平居中 兼容性高*/
.xcenterbox{
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}
/*弹性布局垂直居中 兼容性高*/
.ycenterbox{
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}
/*::-webkit-scrollbar{width: 0;}*/
/*html,body{width:100%;height: 100%;}*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    /* WebKit browsers */
    font-size: 0.18rem;
    color: #30a8ff;
}
input:-moz-placeholder, textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    font-size: 0.18rem;
    color: #30a8ff;
}
input::-moz-placeholder, textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    font-size: 0.18rem;
    color: #30a8ff;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    font-size: 0.18rem;
    color: #30a8ff;
}
.bot_title,.bot_title2{color:#1981ff;text-align: left;}
.bot_title img{margin-right:0.2rem;}
.bot_title .p1{font-size:0.36rem;}
.bot_title .p2{font-size:0.24rem;padding-top:0.1rem;letter-spacing:0.05rem;}
.bot_title .one_p2{padding-top:0.1rem;margin-left:0.1rem;}
.bot_title .dg_totalTxt{font-size:0.24rem;}
.bot_title .dg_total{color:#8ad5f9;font-size:0.28rem;}
.bot_title .num_begin{font-size:0.2rem;}
.bot_title .year,.bot_title2 .year{color:#8ad5f9;}
.bot_title .borrow_num{font-size:0.28rem;color:#8ad5f9;}
.five_title_bot{text-align: center;color:#1981ff;}
.five_title_bot .download_txt{font-size:0.24rem;}
.five_title_bot .download_txt .download_num{font-size:0.28rem;color:#8ad5f9;}
.bot_title2 .p2{font-size:0.2rem;padding-top:0.1rem;padding-right:0.34rem;letter-spacing: 0.05rem;}
.DoubleTitle{width: 3.48rem;margin:0.3rem auto 0;}
/*柱状图*/
.botBar_title img{margin-right: 0.2rem;}
.botBar_title p{text-align:center;font-size:0.36rem;color:#1981ff;}
.botBar_title .today_dg{position: absolute;left:0;bottom:0.2rem;font-size:0.24rem;}
.botBar_title .today_dgNum{font-size:0.28rem;color:#8ad5f9}

.mask{width: 100%;height: 100%;position: absolute;left:0;top:0;background-color: transparent;z-index: 10;}
.box{
    width: 10.8rem;
    height: 19.2rem;
    background: url(../img/bg.png);
    background-size: 100% 100%;
    position: relative;
    overflow: hidden;
}
.Carousel{
    width: 100%;
    height: 12.2rem;
}
/*模块公共样式*/
.swiper-container-index{
    width: 100%;
    height: 100%;
}
.swiper-container-index .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
}

img{
    display: block;
}
.title{
    width: 9.52rem;
    height: 0.8rem;
    margin:0.4rem auto 0.3rem;

}
.title img{width: 100%;}
iframe{
    border: 0;
    pointer-events: none;
    position: absolute;
}

#myMap{
    width: 100%;
    height: 5.5rem;
}
#map{
    width: 100%;
    height: 100%;
}

#downLoad{
    width: 10.8rem;
    height: 7.2rem;
    left:0;
    bottom:0;
}
#total{
    width: 10rem;
    height: 100%;
    left:0.4rem;
    top:0;
}

#todayBorrow{
    width: 10.2rem;
    height: 100%;
    left:0.3rem;
    top:0;
}
#come{
    width: 9.4rem;
    height: 100%;

    left:0.7rem;
    top:0;
}
#todayCome{
    width: 10.8rem;
    height: 5rem;

    left:0;
    top:0;
}
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{
    font-size:0.24rem;
    color:#fff;
}

